﻿<%@ Page Title="Tiến độ thi công" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="TienDoThiCong.aspx.cs" Inherits="QuanLyHopDong.Web.HopDong.TienDoThiCong" %>

<%@ Import Namespace="Resources" %>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <div class="filtering">
        Đơn vị
        <input type="text" id="tenDonVi" />
        Số hợp đồng
        <input type="text" id="soHopDong" />
        Tình trạng thi công
        <select id="tinhTrangThiCong">
            <option value="0"></option>
            <option value="1">Chưa thi công</option>
            <option value="2">Đang thi công</option>
            <option value="3">Thi công xong</option>
        </select>
        Nhận vật tư
        <select id="tinhTrangVatTu">
            <option value="0"></option>
            <option value="1">Chưa nhận vật tư</option>
            <option value="2">Đã nhận vật tư</option>
        </select>
        Mã trạm
        <input type="text" id="matram" /><br/>
        Đội thi công
        <asp:DropDownList ID="ddlDoiThiCong" runat="server"></asp:DropDownList>
        Tình trạng hợp đồng
        <select id="ddlTrangThai">
            <option value="0"></option>
            <option value="1">Chưa ký hợp đồng</option>
            <option value="2">Đã ký, đang thi công</option>
            <option value="3">Đang hoàn công</option>
            <option value="4">Đang quyết toán</option>
            <option value="5">Hoàn thiện</option>
        </select>
        <button type="submit" id="LoadRecordsButton"><%=GlobalStrings.LoadRecords %></button>
        <button type="submit" id="ResetButton"><%=GlobalStrings.Reset %></button>
    </div>
    
    <input type="button" value="Xuất Excel" onclick="XuatExcel()">

    <div id="KhoiLuongList"></div>

    <input type="button" value="Xuất Excel" onclick="XuatExcel()">

    <script type="text/javascript">
        $(function () {
            LoadKhoiLuong();
            InitMaTram();
        });

        function XuatExcel() {
            window.location = 'TienDoThiCongExport.aspx?' +
                'donVi=' + $('#tenDonVi').val() +
                '&soHopDong=' + $('#soHopDong').val() +
                '&tinhTrangThiCong=' + $('#tinhTrangThiCong').val() +
                '&tinhTrangVatTu=' + $('#tinhTrangVatTu').val() +
                '&matram=' + $('#matram').val() +
                '&doiThiCongId=' + $('#<%=ddlDoiThiCong.ClientID %>').val() +
                '&trangThaiHopDongId=' + $('#ddlTrangThai').val();
        }

        function LoadKhoiLuong() {
            $("#KhoiLuongList").jtable({
                title: 'Tiến độ thi công',
                paging: true,
                pageSize: 10,
                sorting: true,
                defaultSorting: 'Id DESC',
                actions: {
                    listAction: 'KhoiLuong.aspx/SearchKhoiLuong',
                    deleteAction: 'KhoiLuong.aspx/KhoiLuongDelete'
                },
                fields: {
                    Edit: {
                        title: '',
                        width: '1%',
                        display: function (data) {
                            return '<input title="<%=GlobalStrings.Edit %>" class="jtable-command-button jtable-edit-command-button" onclick="javascript:window.location=\'KhoiLuongEdit.aspx?id=' + data.record.Id + '&hopDongId=' + data.record.HopDongId + '&src=TienDoThiCong\';" />';
                        },
                        sorting: false
                    },
                    Id: {
                        title: 'STT',
                        key: true,
                        create: false,
                        edit: false,
                        width: '2%',
                        list: false
                    },
                    TenDonVi: { title: 'Đơn vị ký HĐ' },
                    SoHopDong: { title: "Số HĐ" },
                    TenHopDong: {
                        title: "Tên HĐ",
                        display: function (data) {
                            return '<a target="_blank" title="Chi tiết hợp đồng" href="HopDongChiTiet.aspx?hopDongId=' + data.record.HopDongId + '">' + data.record.TenHopDong + '</a>';
                        }
                    },
                    LoaiDuAn: { title: "Loại dự án" },
                    MaTuyen: { title: "Mã tuyến" },
                    TinhTrangThiCong: { title: "Tiến độ thi công" },
                    GhiChu: { title: "Ghi chú", sorting: false },
                    TinhTrangVatTu: {
                        title: "Nhận vật tư A",
                        display: function(data) {
                            return '<a target="_blank" href="VatTuTheoTuyen.aspx?khoiLuongId=' + data.record.Id + '">' + data.record.TinhTrangVatTu + '</a>';
                        }
                    },
                    TenDoiThiCong: {title:"Đội thi công"},
                    DiemDau: { title: "Điểm đầu" },
                    DiemCuoi: { title: "Điểm cuối" },
                    ChieuDaiTuyen: { title: "Chiều dài tuyến" },
                    TenLoaiCap: { title: "Loại cáp" }
                }
            });

            //Re-load records when user click 'load records' button.
                $('#LoadRecordsButton').click(function (e) {
                    e.preventDefault();
                    $('#KhoiLuongList').jtable('load', {
                        soHopDong: $('#soHopDong').val(),
                        tenDonVi: $('#tenDonVi').val(),
                        tinhTrangThiCongId: $('#tinhTrangThiCong').val(),
                        tinhTrangVatTuId: $('#tinhTrangVatTu').val(),
                        matram: $('#matram').val(),
                        doiThiCongId: $('#<%=ddlDoiThiCong.ClientID %>').val(),
                        trangThaiHopDongId: $('#ddlTrangThai').val()
                    });
                });

                // Reset button
                $('#ResetButton').click(function (e) {
                    e.preventDefault();
                    $('#soHopDong').val('');
                    $('#tenDonVi').val('');
                    $('#tinhTrangThiCong').val('0');
                    $('#tinhTrangVatTu').val('0');
                    $('#matram').val('');
                    $('#ddlTrangThai').val('0');
                    $('#<%=ddlDoiThiCong.ClientID %>').val('0');
                    $('#LoadRecordsButton').click();
                });

                //Load all records when page is first shown
                $('#LoadRecordsButton').click();
            }

            function InitMaTram() {
                $("#matram").autocomplete({
                    source: function (request, response) {
                        $.ajax({
                            url: "/DanhMuc/DiaDiem/Default.aspx/SearchDiaDiem",
                            type: "POST",
                            dataType: "json",
                            contentType: "application/json; charset=utf-8",
                            data: JSON.stringify({
                                term: extractLast(request.term)
                            }),
                            success: function (data) {
                                response($.map(data.d, function (item) {
                                    return {
                                        label: item.value,
                                        value: item.value
                                    };
                                }));
                            }
                        });
                    }
                });
            }

            function split(val) {
                return val.split(/,\s*/);
            }

            function extractLast(term) {
                return split(term).pop();
            }
    </script>
</asp:Content>
